<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="a06de829d7d744b88016f416463aecd1" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_a06de829d7d744b88016f416463aecd1 = echarts.init(
            document.getElementById('a06de829d7d744b88016f416463aecd1'), 'white', {renderer: 'canvas'});
        var option_a06de829d7d744b88016f416463aecd1 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "bar",
            "data": [
                346173,
                348432,
                365096,
                415590,
                430435,
                461494,
                479560,
                519738,
                525162,
                552712,
                566580,
                649822,
                661716,
                729030,
                746280,
                785155,
                1166400,
                1863938,
                2707056,
                18756764
            ],
            "barCategoryGap": "20%",
            "label": {
                "show": true,
                "position": "right",
                "margin": 8
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                ""
            ],
            "selected": {
                "": true
            },
            "show": true
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "xAxis": [
        {
            "name": "\u9500\u552e\u989d",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "yAxis": [
        {
            "name": "\u666f\u70b9\u540d\u79f0",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u4e0a\u6d77\u6d77\u660c\u6d77\u6d0b\u516c\u56ed",
                "\u5e73\u9065\u53e4\u57ce",
                "\u767d\u77f3\u5c71\u4e16\u754c\u5730\u8d28\u516c\u56ed",
                "\u4e9a\u9f99\u6e7e\u70ed\u5e26\u5929\u5802\u68ee\u6797\u516c\u56ed",
                "\u5929\u5c71\u5929\u6c60",
                "\u5317\u4eac\u91ce\u751f\u52a8\u7269\u56ed",
                "\u516b\u8fbe\u5cad\u957f\u57ce",
                "\u897f\u9012\u6751",
                "\u5929\u6d25\u6d77\u660c\u6781\u5730\u6d77\u6d0b\u516c\u56ed",
                "\u4e0a\u6d77\u91ce\u751f\u52a8\u7269\u56ed",
                "\u8708\u652f\u6d32\u5c9b",
                "\u5b8f\u6751",
                "\u5317\u4eac\u4e16\u754c\u56ed\u827a\u535a\u89c8\u4f1a",
                "\u9ec4\u5c71\u98ce\u666f\u533a",
                "\u534e\u5c71\u666f\u533a",
                "\u6545\u5bab",
                "\u79e6\u59cb\u7687\u9675\u535a\u7269\u9662\uff08\u5175\u9a6c\u4fd1\uff09",
                "\u73e0\u6d77\u957f\u9686\u6d77\u6d0b\u738b\u56fd",
                "\u6a2a\u5e97\u5f71\u89c6\u57ce",
                "\u4e0a\u6d77\u8fea\u58eb\u5c3c\u4e50\u56ed"
            ]
        }
    ],
    "title": [
        {
            "text": "\u56fd\u5e86\u65c5\u6e38\u70ed\u95e8\u666f\u70b9\u95e8\u7968\u9500\u552e\u989dTOP20"
        }
    ]
};
        chart_a06de829d7d744b88016f416463aecd1.setOption(option_a06de829d7d744b88016f416463aecd1);
    </script>
</body>
</html>
